<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#d1{
				transition:all 1s;
			}
		</style>
	</head>
	<body>
		<input type="button" value="放大" onclick="fangda()"/>
		<input type="button" value="转圈" onclick="zhuanquan()" />
		<hr />
		<img src="wangjiaer.jpg" id="d1" onclick="huanren()" width="200px"/>
		<script>
			var fangda=function(){
				d1.width=d1.width*1.1;
			}
			var dushu=0;
			var zhuanquan=function(){
				dushu=dushu+360;
				d1.style.transform="rotate("+dushu+"deg)";
				
			}
			var huanren=function(){
				d1.src="yangyang.jpg";
			}
		</script>
	</body>
</html>
